*{
	margin:0;
	padding:0;
}

html, body{
	width:100%;
	height:100%;
}

/*颜色*/

.lv-bg-default{
	background-color:#F4F4F4;
}

.lv-border-default{
	border-color:#DDD;
}

.lv-bg-primary{
	background-color:#F4F4F4;
}

.lv-border-primary{
	border-color:#367FA9;
}

.lv-bg-success{
	background-color:#00A65A;
}

.lv-border-success{
	border-color:#008D4C;
}

.lv-bg-info{
	background-color:#00C0EF;
}

.lv-border-info{
	border-color:#00ACD6;
}

.lv-bg-danger{
	background-color:#DD4B39;
}

.lv-border-danger{
	border-color:#D73925;
}

.lv-bg-warning{
	background-color:#F39C12;
}

.lv-border-warning{
	border-color:#E08E0B;
}

/*框架*/
.lv-container{
	width:100%;
	height:100%;
	position:relative;
	font-size:0;
	background-color:#F1F0F5;
}

.lv-left-section, .lv-center-section{
	font-size:16px;
	vertical-align: top;
}

.lv-head-section{
	vertical-align:middle !important;
	width:100%;
	background-color:#FEFEFE;
}

.lv-left-section{
	display:inline-block;
	position:absolute;
	z-index:1;
}

.lv-center-section{
	float:right;
	z-index:0;
}

@media screen and (min-width: 600px) {

	.lv-head-section{
		height:64px;
	}

	.lv-left-section{
		width:200px;
		height:calc(100% - 64px);
	}

	.lv-center-section{
		width:calc(100% - 200px);
		height:calc(100% - 64px);
	}

	.fold .lv-left-section{
		width:100px !important;
	}

	.fold .lv-center-section{
		width:calc(100% - 100px) !important;
	}
}

@media screen and (max-width:600px) {

	.lv-head-section{
		height:128px;
	}

	.lv-head-logo{
		display:block !important;
		width:100% !important;
	}

	.lv-head-function{
		display:block !important;
		width:100% !important;
	}

	.lv-left-section{
		display:none;
		width:100px;
		height:calc(100% - 128px);
	}

	.lv-center-section{
		width:calc(100%);
		height:calc(100% - 128px);
	}

	.fold .lv-left-section{
		width:100px !important;
		display:block;
		position:absolute;
		z-index:1;
	}
}



/*页头*/
.lv-head-section{
	line-height:64px;
	color:#FFF;
}

.lv-head-logo{
	width:200px;
	height:64px;
	text-align:center;
	font-size:30px;
	font-weight:bolder;
	display:inline-block;
	background-color:#367FA9;
}

.lv-head-function{
	width:calc(100% - 200px);
	float:right;
	height:59px;
	display:inline-block;
	font-size:16px;
	background-color:#3C8DBC;
	padding-top:5px;
}

.lv-head-btn{
	display:inline-block;
	width:50px;
	height:64px;
	text-align:center;
	font-size:30px !important;
}

.lv-sys-btn .lv-sys-panel{
	position:absolute;
	display:none;
	margin-left:-260px;
	width:300px;
	height:300px;
	border:1px solid #C1C0C5;
	z-index:1;
	margin-top:32px;
	background-color:#FEFEFE;
}

@media screen and (min-width: 600px) {
	.fold .lv-head-logo{
		width:100px !important;
	}

	.fold .lv-head-function{
		width:calc(100% - 100px) !important;
	}

}

@media screen and (max-width:600px) {

	.lv-sys-btn.lv-first .lv-sys-panel{
		margin-left:-50px !important;
	}

	.lv-sys-btn.lv-first .lv-sys-panel:before{
		left:55px !important;
		right:245px !important;
	}

	.lv-sys-btn.lv-first .lv-sys-panel:after{
		left:55px !important;
		right:245px !important;
	}
}

.lv-sys-menu{
	float:right;
	height:64px;
}

.lv-sys-btn{
	height:64px;
}



.lv-sys-btn .lv-sys-panel:before{
	display:block;
	top:0;
	right:10px;
	position:absolute;
	content:"";
	margin-top:-30px;
	border-top:15px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:15px solid #C1C0C5;
}

.lv-sys-panel{
	font-size:20px;
	color:#C1C0C5;
}

.lv-sys-btn .lv-sys-panel:after{
	display:block;
	top:3px;
	right:10px;
	position:absolute;
	content:"";
	margin-top:-30px;
	border-top:15px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:15px solid #FEFEFE;
}

.lv-sys-btn:hover .lv-sys-panel{
	display:block;
}

.lv-sys-panel-content{
	width:calc(100% - 25px);
	height:calc(100% - 30px);
	overflow:auto;
	padding:10px;
	text-align:left;
}

/*左侧菜单*/
.lv-left-section{
	background-color:#222D32;
	list-style:none;
}

.lv-main-menu{
	margin-top:50px;
	background-color:#1A2226;
	color:#8AA4AF;
	font-size:35px;
}

.lv-menu-item .lv-title{
	height:50px;
	line-height:50px;
	vertical-align: middle;
	padding-left:15px;
	width:calc(100% - 15px);
}

.lv-menu-item .lv-title .lv-img{
	width:40px;
	font-size:35px;
	display:inline-block;
}

.lv-menu-item .lv-title .lv-text{
	font-size:25px;
	display:inline-block;
}

.lv-menu-item .lv-title .lv-tag{
	float:right;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	height:20px;
	font-size:16px;
	line-height:20px;
	margin-top:15px;
	text-align:center;
	border-radius:5px;
	color:#FFF;
}

.lv-menu-item .lv-title:hover{
	border-left:3px solid #3C8DBC;
	width:calc(100% - 15px - 3px);
}



.lv-menu-item .lv-items{
	display:none;
	background-color:#2C3B41;
	font-size:16px;
	padding-left:50px;
}

.lv-menu-item  .lv-item{
	padding-top:5px;
	padding-bottom:5px;
}


.lv-menu-item:hover .lv-items, .lv-menu-item.selected .lv-items{
	display:block;
}

.lv-menu-item.selected .lv-title{
	border-left:3px solid #3C8DBC;
	width:calc(100% - 15px - 3px);
}

@media screen(min-width:600px){

}

.fold .lv-menu-item .lv-text, .fold .lv-menu-item .lv-tag, .fold .lv-menu-item .lv-items{
	display:none;
}

.fold .lv-menu-item .lv-img{
	margin-left:20px;
}

.fold .lv-menu-item:hover{
	height:50px;
	
}

.fold .lv-menu-item:hover .lv-title{
	width:200px;
	background-color:#2C3B41;
}

.fold .lv-menu-item:hover .lv-text, .fold .lv-menu-item:hover .lv-tag{
	display:inline-block;
}

 .fold .lv-menu-item:hover .lv-items{
 	width:88px;
 	position:absolute;
	display:block;
	left:100px;
	padding-left:30px;
	background-color:#2C3B41;
}

.fold .lv-menu-item:hover .lv-title{
	border-left:3px solid #3C8DBC;
}

.lv-menu-item:hover .lv-title{
	border-left:3px solid #3C8DBC !important;
}

.fold .lv-menu-item:hover .lv-title, .fold .lv-menu-item:hover .lv-items{
	display:absolute;
	z-index:1;
}


.lv-menu-item .lv-item:hover, .lv-menu-item .lv-title:hover, 
.lv-menu-item.selected .lv-title{
	color:#FFF !important;
}

.lv-breadnav
{
	width:calc(100% - 10px);
	height:50px;
	line-height:50px;
	vertical-align:middle;
	background-color:white;
	border-radius:5px;
	padding:0 5px;
}

#lv-content-container{
	width:100%;
	height:100%;
	overflow:scroll;
	border:none;
}

.lv-tab-container{
	width:100%;
	height:100%;
	background-color:white;
}

.lv-tab-titles{
	width:calc(100%-10px);
	height:50px;
	padding-top:20px;
	border-bottom:1px solid #CCC;
	padding-left:10px;
}

.lv-tab-title{
	display:inline-block;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-top:10px;
	padding:5px 10px;
	margin-right:5px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

.lv-tab-title:hover{
	height:28px;
	line-height:28px;
	border-top:3px solid #3C8DBC;
}

.lv-tab-title.selected{
	height:27px;
	line-height:27px;
	border-bottom: 1px solid white !important;
	border-top:3px solid #3C8DBC;
}

.lv-tab-title span
{
	display:inline-block;
}

.lv-tab-title .lv-tab-title-text{
	margin-right:5px;
	margin-left:5px;
	font-weight:bolder;
}

.lv-tab-pages{
	width:100%;
	height:calc(100% - 71px);
	font-size:0px;
}

.lv-tab-page{
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	overflow:auto;
	padding:5px;
}

.lv-tab-pages iframe{
	border:none;
	width:calc(100%);
	height:calc(100%);
	overflow:auto;
}



